<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<!-- 3. 准备div元素 被 vue控制 -->
<div id="app">
    <h1> 通过原生 ES 模块从 CDN 使用 Vue </h1>
    {{ msg }}
</div>

<br>



<script type="module">
    <!-- 1. 引入vue模块 -->
    import {createApp, ref} from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';

    /* 2. 创建应用实例 */
    createApp({
        data() {
            return {
                msg: "hello world"
            }
        }
    }).mount('#app');
</script>

</body>
</html>